<template>
        <div class="calendar">
            <el-steps :active="active" finish-status="success">
                <el-step title="新建活动"></el-step>
                <el-step title="选择客户分群"></el-step>
                <el-step title="编辑创意"></el-step>
                <el-step title="投放规划"></el-step>
                <el-step title="完成"></el-step>
            </el-steps>
            <el-button type="primary" round style="margin-top: 12px;" @click="next">下一步</el-button>
           彩信/视频页面
        </div>
      </template>
      
      <script>
      export default {
        name: 'Message',
        data(){
            return{
              active: 2,
            }
        },
        methods: {
            next() {
                if (this.active++ > 3) this.active =0;
            }
        }
        
      }
      </script>
      
      <!-- Add "scoped" attribute to limit CSS to this component only -->
      <style scoped lang="scss">
      
      </style>
      